<?php

echo $this->element('Default/headerText'); ?>

<?php echo $this->Html->script('default/jquery.fancybox', array('inline' => false)); ?>
<?php echo $this->Html->css('default/jquery.fancybox', array('inline' => false)); ?>

<h4><span>Chi tiết sản phẩm</span></h4>
<section class="main-content">
    <div class="row">
        <div class="span9">
            <div class="row">
                <div class="span4">
                    <a href="<?php echo $this->webroot.'img/default/wedding/image4.jpg'; ?>" class="thumbnail" data-fancybox-group="group1" title="Description 1">
                        <?php echo $this->Html->image('default/wedding/image4.jpg', array('alt' => "tbridal.com")); ?>
                    </a>
                    <ul class="thumbnails small">
                        <li class="span1">
                            <a href="<?php echo $this->webroot.'img/default/wedding/image1.jpg'; ?>" class="thumbnail" data-fancybox-group="group1" title="Description 2">
                                <?php echo $this->Html->image('default/wedding/image1.jpg', array('alt' => "tbridal.com")); ?>
                            </a>
                        </li>
                        <li class="span1">
                            <a href="<?php echo $this->webroot.'img/default/wedding/image2.jpg'; ?>" class="thumbnail" data-fancybox-group="group1" title="Description 3">
                                <?php echo $this->Html->image('default/wedding/image2.jpg', array('alt' => "tbridal.com")); ?>
                            </a>
                        </li>
                        <li class="span1">
                            <a href="<?php echo $this->webroot.'img/default/wedding/image3.jpg'; ?>" class="thumbnail" data-fancybox-group="group1" title="Description 4">
                                <?php echo $this->Html->image('default/wedding/image3.jpg', array('alt' => "tbridal.com")); ?>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="span5">
                    <address>
                        <strong><?php echo __('Thương hiệu'); ?>:</strong> <span>Apple</span><br>
                        <strong><?php echo __('Mã sản phẩm'); ?>:</strong> <span>Product 14</span><br>
                        <strong><?php echo __('Màu sắc'); ?>:</strong> <span>Orange, Yellow</span><br>
                        <strong><?php echo __('Kích thước'); ?>:</strong> <span>Large, Medium, Small, X-Large</span><br>
                        <strong><?php echo __('Tình trạng'); ?>:</strong> <span><?php echo __('Còn hàng'); ?></span><br>
                    </address>
                    <h4><strong>Price: $587.50</strong></h4>
                </div>
                <!--
                <div class="span5">
                    <form class="form-inline">
                        <label class="checkbox">
                            <input type="checkbox" value=""> Option one is this and that
                        </label>
                        <br/>
                        <label class="checkbox">
                            <input type="checkbox" value=""> Be sure to include why it's great
                        </label>
                        <p>&nbsp;</p>
                        <label>Qty:</label>
                        <input type="text" class="span1" placeholder="1">
                        <button class="btn btn-inverse" type="submit">Add to cart</button>
                    </form>
                </div>
                -->
            </div>
            <div class="row">
                <div class="span9">
                    <ul class="nav nav-tabs" id="myTab">
                        <li class="active"><a href="#home"><?php echo __('Mô tả'); ?></a></li>
                        <li class=""><a href="#profile"><?php echo __('Chi tiết'); ?></a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="home">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem</div>
                        <div class="tab-pane" id="profile">
                            <!--
                            <table class="table table-striped shop_attributes">
                                <tbody>
                                    <tr class="">
                                        <th>Size</th>
                                        <td>Large, Medium, Small, X-Large</td>
                                    </tr>
                                    <tr class="alt">
                                        <th>Colour</th>
                                        <td>Orange, Yellow</td>
                                    </tr>
                                </tbody>
                            </table>
                            -->
                        </div>
                    </div>
                </div>
                <div class="span9">
                    <br>
                    <h4 class="title">
                        <span class="pull-left"><span class="text"><strong>Related</strong> Products</span></span>
                        <span class="pull-right">
                            <a class="left button" href="#myCarousel-1" data-slide="prev"></a><a class="right button" href="#myCarousel-1" data-slide="next"></a>
                        </span>
                    </h4>
                    <div id="myCarousel-1" class="carousel slide">
                        <div class="carousel-inner">
                            <div class="active item">
                                <ul class="thumbnails listing-products">
                                    <li class="span3">
                                        <div class="product-box">
                                            <span class="sale_tag"></span>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image3.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>" class="title">Wuam ultrices rutrum</a><br/>
                                            <a href="#" class="category">Suspendisse aliquet</a>
                                            <p class="price">$341</p>
                                        </div>
                                    </li>
                                    <li class="span3">
                                        <div class="product-box">
                                            <span class="sale_tag"></span>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image2.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>" class="title">Fusce id molestie massa</a><br/>
                                            <a href="#" class="category">Phasellus consequat</a>
                                            <p class="price">$341</p>
                                        </div>
                                    </li>
                                    <li class="span3">
                                        <div class="product-box">
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image1.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>" class="title">Praesent tempor sem</a><br/>
                                            <a href="#" class="category">Erat gravida</a>
                                            <p class="price">$28</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="item">
                                <ul class="thumbnails listing-products">
                                    <li class="span3">
                                        <div class="product-box">
                                            <span class="sale_tag"></span>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image1.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>" class="title">Fusce id molestie massa</a><br/>
                                            <a href="#" class="category">Phasellus consequat</a>
                                            <p class="price">$341</p>
                                        </div>
                                    </li>
                                    <li class="span3">
                                        <div class="product-box">
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image2.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">Praesent tempor sem</a><br/>
                                            <a href="#" class="category">Erat gravida</a>
                                            <p class="price">$28</p>
                                        </div>
                                    </li>
                                    <li class="span3">
                                        <div class="product-box">
                                            <span class="sale_tag"></span>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>">
                                                <?php echo $this->Html->image('default/wedding/image3.jpg', array('alt' => "tbridal.com")); ?>
                                            </a><br/>
                                            <a href="<?php echo Router::url(array('controller' => 'products', 'action' => 'index')); ?>" class="title">Wuam ultrices rutrum</a><br/>
                                            <a href="#" class="category">Suspendisse aliquet</a>
                                            <p class="price">$341</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php

            echo $this->element('Default/productBar');
        ?>
    </div>
</section>
<script>
    $(function() {
        $('#myTab a:first').tab('show');
        $('#myTab a').click(function(e) {
            e.preventDefault();
            $(this).tab('show');
        })
    })
    $(document).ready(function() {
        $('.thumbnail').fancybox({
            openEffect: 'none',
            closeEffect: 'none'
        });

        $('#myCarousel-2').carousel({
            interval: 2500
        });
    });
</script>
